const utils = require('../../utils/common.js');
const CHARTS = require('../../utils/wxcharts-min.js');
const app = getApp()
Page({
	data: {
		pieData: [],
		pieDataColor_: utils.chartsColorMpa,
		qnNo: '20190404_e14muPiBDhWyTo359szv'
	},

	onLoad: function (options) {
		options.qnNo ? this.setData({ qnNo: options.qnNo }) : null;
	},

	onShow: function () {
		/* post提交数据 */
		wx.showLoading({ title: "加载中..." })
		wx.request({
			url: `${app.globalData.server_request_baseUrl}/user_getQnData.php`,
			data: {
				qnNo: this.data.qnNo
			},
			header: { 'Content-Type': 'application/x-www-form-urlencoded' },
			method: 'GET',
			dataType: 'json',
			responseType: 'text',
			success: (res) => {
				// 把问卷数据整个放入本页中
				this.setData({
						qnData: res.data.data 
				})
				// 从问卷数据中取得用户的答案对象
				let answer_result = res.data.data.answer_result

				// 组织评级文字数组
				let computeArray = [];
				for(let key in answer_result){
					computeArray.push([
						answer_result[key].name,
						answer_result[key].level
					])
				}
				this.setData({ computed: computeArray })//放到本页中
				
				// 遍历每个组的得分信息，组织图表数据
				let pieDataArray = [] //用于生成图表数据的数组
				let i = 0;
				for (let key in answer_result) {
					let o = answer_result[key]
					// 推进数组
					pieDataArray.push({ name: o.name, data: o.score, color: this.data.pieDataColor_[i][0] });
					pieDataArray.push({ name: o.name + '空缺', data: o.score_full - o.score, color: this.data.pieDataColor_[i][1] })
					i++
				}
				console.log("生成的图表数据：", pieDataArray);
				utils.showMsg('体检计算完成！')
				this.__chartsPie(pieDataArray); //加载图表
			},
			fail: () => { wx.showToast({ title: '请求失败' }) },
			complete: () => { wx.hideLoading() }
		});
	},


	/////////////////////////////////////////////// 其它 事件 ///////////////////////////////////////////
	/////////////////////////////////////////////// 其它 事件 ///////////////////////////////////////////
	/////////////////////////////////////////////// 其它 事件 ///////////////////////////////////////////
	// 图表
	__chartsPie(seriesData) {
		//如果没有参数就执行图表，会靠成小程序没有响应，小程序真恶心
		if (seriesData) {
			new CHARTS({
				animation: true, //是否有动画
				canvasId: 'lineCanvas',
				type: 'pie',
				title: {
					name:"评分报告"
				},
				series: seriesData,
				width: 360,
				height: 400,
				dataLabel: true,
				disablePieStroke: true//不绘制饼图（圆环图）各区块的白色分割线
			 })
		}
	},
	// 分享
	onShareAppMessage: function (res) {
		return {
			title: '分享法管小程序',
			path: '/pages/intro/intro',
			imageUrl: `${app.globalData.server_Url}/weapp_res/share.png`,  //用户分享出去的自定义图片大小为5:4,
			success: function (res) {
				// 转发成功
				wx.showToast({
					title: "分享成功",
					icon: 'success',
					duration: 2000
				})
			},
			fail: function (res) { },
		}

	},
})